<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <script>
        /* 
            需求：复制<li>333</li>
        */
        const ulObj = document.querySelector("ul");
        /* 
            Node.cloneNode() 方法返回调用该方法的节点的一个副本。
        
            传入参数为deep：是否深度克隆，true则该节点的所有后代子节点都会被克隆，
            false则不会。
        */
        const liObj = ulObj.children[2].cloneNode(true);
        console.log(liObj);
        ulObj.appendChild(liObj);
    </script>
</body>

</html>